/* home page css start*/








@media (max-wdth: 768px) {

     .sp25 {
          padding: 10px 0px;
     }
}

/* SECTION */
.patrick-manav-section {
     background: antiquewhite;
     padding: 30px 0;
     font-family: "Poppins", sans-serif;
}

/* WRAPPER */
.patrick-manav-wrapper {
     max-width: 1400px;
     margin: auto;
     padding: 0 20px;
}

/* =========================
   TOP BUTTON ROW
========================= */
.patrick-manav-btn-row {
     display: flex;
     justify-content: center;
     gap: 24px;
     margin-bottom: 10px;
     flex-wrap: nowrap;
     align-items: center;
     /* desktop me ek row */
}

.patrick-manav-col-3 {
     width: 25%;
}

/* BUTTON */
.patrick-manav-btn {

     display: block;
     width: 100%;
     height: 100%;
     text-align: center;
     padding: 20px 22px;
     background: #ffffff;
     color: #572700;
     border-radius: 50px;
     text-decoration: none;
     font-weight: 600;
     transition: all 0.3s ease;
     cursor: pointer;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
     border: solid 2px #572700;
}

.patrick-manav-btn:hover {
     background: #713300;
     color: #ffffff;
     transform: translateY(-2px);
}

/* =========================
   CONTENT ROW
========================= */
.patrick-manav-content-row {
     display: flex;
     gap: 32px;
     align-items: flex-start;
     flex-wrap: nowrap;
     /* desktop layout fixed */
}

/* COLUMNS */
.patrick-manav-col-2 {
     width: 16.66%;
}

.patrick-manav-col-4 {
     width: 41.66%;
}

/* IMAGE */
.patrick-manav-baba-img {
     width: 100%;
     border-radius: 14px;
     object-fit: cover;
}

/* TEXT */
.patrick-manav-label {
     font-size: 13px;
     letter-spacing: 1px;
     font-weight: 600;
     color: #777;
}

.patrick-manav-title {
     font-size: 22px;
     font-weight: 600;
     margin: 10px 0;
     color: #222;
}

.patrick-manav-title span {
     display: block;
     font-size: 18px;
     font-weight: 400;
     color: #444;
}

.patrick-manav-desc {
     font-size: 15px;
     line-height: 1.7;
     color: #555;
}

/* =========================
   ACHIEVEMENTS
========================= */
.patrick-manav-ach-title {
     font-size: 18px;
     font-weight: 600;
     margin-bottom: 20px;
}

.patrick-manav-ach-row {
     display: flex;
     gap: 28px;
     justify-content: space-around;
}

.patrick-manav-ach-item {
     text-align: center;
     cursor: pointer;
}

.patrick-manav-ach-item img {
     width: 40px;
     margin-bottom: 10px;
     transition: transform 0.3s ease;
}

.patrick-manav-ach-item:hover img {
     transform: scale(1.15);
}

.patrick-manav-ach-item p {
     font-size: 14px;
     font-weight: 600;
}

.patrick-manav-ach-item span {
     font-weight: 400;
     color: #666;
}

/* =========================
   RESPONSIVE (MOBILE)
========================= */
@media (max-width: 991px) {

     /* Buttons stack */
     .patrick-manav-btn-row {
          flex-wrap: wrap;
     }

     .patrick-manav-col-3 {
          width: 100%;
     }

     /* Content stack */
     .patrick-manav-content-row {
          flex-wrap: wrap;
     }

     .patrick-manav-col-2,
     .patrick-manav-col-5 {
          width: 100%;
     }

     /* Image center on mobile */
     .patrick-manav-baba-img {
          max-width: 280px;
          margin: 0 auto 20px;
          display: block;
     }

     /* Achievements spacing */
     .patrick-manav-ach-row {
          justify-content: space-between;
          gap: 16px;
     }
}



/* home page css end*/



/* about page start */

/* FULL SECTION BACKGROUND */
.patrick-timeline-sec {
     position: relative;
     padding: 80px 0;
     background: #f4f8fb;
}

/* PARENT WRAPPER */
.patrick-timeline-wrapper {
     width: 100%;
     max-width: 1200px;
     margin: auto;
     position: relative;
}

/* CENTER 5-CIRCLE LINE IMAGE */
.patrick-timeline-center {
     position: absolute;
     left: 50%;
     top: 0;
     transform: translateX(-50%);
     z-index: 1;
}

.patrick-timeline-center img {
     width: 120px;
     height: auto;
}

/* TIMELINE ITEMS LIST */
.patrick-timeline-items {
     position: relative;
}

/* EACH TIMELINE ITEM */
.patrick-t-item {
     width: 50%;
     margin: 60px 0;
     position: relative;
     z-index: 2;
}

/* LEFT SIDE */
.patrick-t-item.left {
     text-align: left;
     padding-right: 70px;
}

/* RIGHT SIDE */
.patrick-t-item.right {
     text-align: right;
     padding-left: 70px;
     margin-left: auto;
}

/* WHITE CARD */
.patrick-card {
     display: inline-block;
     background: #fff;
     padding: 20px 25px;
     border-radius: 10px;
     cursor: pointer;
     transition: 0.3s;
     border: 1px solid #e0e0e0;
}

.patrick-card:hover {
     transform: translateY(-3px);
     box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}

.patrick-card h4 {
     margin: 0;
     font-size: 20px;
     font-weight: 700;
     color: #333;
}

.patrick-card span {
     display: block;
     margin-top: 5px;
     color: #777;
     font-size: 14px;
}

/* RESPONSIVE */
@media(max-width: 768px) {

     .patrick-t-item,
     .patrick-t-item.left,
     .patrick-t-item.right {
          width: 100%;
          text-align: center;
          padding: 0;
     }

     .patrick-card {
          width: 80%;
     }

     .patrick-timeline-center img {
          width: 80px;
     }
}



.patrick-popup {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.6);
     display: none;
     justify-content: center;
     align-items: center;
     z-index: 9999;
}

.patrick-popup-box {
     background: #fff;
     width: 90%;
     max-width: 600px;
     padding: 30px;
     border-radius: 10px;
     position: relative;
     animation: fadeIn 0.4s ease;
}

.patrick-popup-close {
     position: absolute;
     right: 20px;
     top: 15px;
     cursor: pointer;
     font-size: 22px;
}

@keyframes fadeIn {
     from {
          opacity: 0;
          transform: scale(0.9);
     }

     to {
          opacity: 1;
          transform: scale(1);
     }
}



/* about page end */




/* manav-dharma strt */


/* Auto flip on scroll */
.aftab-box.active .aftab-flip {
    transform: rotateY(180deg);
}

/* ===== HERO SECTION ===== */
.aftab-hero {
    position: relative;
    width: 100%;
    min-height: auto;
    padding: 0px 0 0px; /* Top & bottom padding for all screens */
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover !important;
    background-position: center !important;
}

/* ===== CONTENT ===== */
.aftab-content {
     position: relative;
     text-align: center;
     max-width: 900px;
     padding: 20px;
     color: #333;
}

.aftab-content h2 {
     font-size: 36px;
     letter-spacing: 1px;
     color: #2b2b2b;
}

.aftab-content h3 {
     margin-top: -5px;
     font-size: 22px;
     color: #6a6a6a;
}

.aftab-quote {
     margin-top: 15px;
     font-size: 16px;
     font-weight: 600;
}

.aftab-small {
     font-size: 13px;
     color: #555;
     margin-bottom: 25px;
}

/* ===== GRID ===== */
.aftab-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 15px;
}

.aftab-box {
     /* background: white; */
     padding: 18px;
     border-radius: 10px;
     /* border:1px solid #e4e4e4; */
     /* box-shadow: 0 8px 25px rgba(0,0,0,0.08); */
     transition: .3s;
}

.aftab-box:hover {
     transform: translateY(-5px);
}

.aftab-box span {
     font-size: 35px;
     display: block;
}

.aftab-box h4 {
     margin-top: 8px;
     color: #333;
}

.aftab-box {
     perspective: 1000px;
}

.aftab-flip {
     position: relative;
     width: 100%;
     height: 220px;
     transform-style: preserve-3d;
     transition: .6s;
}

.aftab-box:hover .aftab-flip {
     transform: rotateY(180deg);
}

/* FRONT */
.aftab-front,
.aftab-back {
     position: absolute;
     width: 100%;
     height: 100%;
     backface-visibility: hidden;
     border-radius: 10px;
}

/* FRONT DESIGN */
.aftab-front {
     background: white;
     border: 1px solid #e4e4e4;
     box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     border: solid 2px #572700;
}

/* BACK DESIGN */
.aftab-back {
     background: #572700;
     color: white;
     display: flex;
     justify-content: center;
     align-items: center;
     text-align: center;
     transform: rotateY(180deg);
     padding: 20px;
     font-size: 20px;
     font-weight: 700;
}


/* =========================
   RESPONSIVE DESIGN
========================= */

/* --- Large Laptop / Desktop --- */
@media(max-width: 1200px) {
     .aftab-content {
          max-width: 850px;
     }
}

/* --- Laptop / Tablet Landscape --- */
@media(max-width: 1024px) {
    .aftab-hero {
        padding: 100px 0 70px;
    }
}

@media(max-width: 768px) {
    .aftab-hero {
        padding: 80px 0 60px;
    }
}

@media(max-width: 600px) {
    .aftab-hero {
        padding: 70px 0 50px;
    }
}

@media(max-width: 480px) {
    .aftab-hero {
        padding: 10px 0 40px;
    }
}

/* --- Tablet --- */
@media(max-width: 768px) {
     

     .aftab-content {
          max-width: 95%;
     }

     .aftab-content h2 {
          font-size: 28px;
     }

     .aftab-content h3 {
          font-size: 18px;
     }

     .aftab-quote {
          font-size: 14px;
     }

     .aftab-grid {
          grid-template-columns: repeat(2, 1fr);
          gap: 12px;
     }

     .aftab-box {
          padding: 15px;
     }
}

/* --- Mobile --- */
@media(max-width: 600px) {
     .aftab-grid {
          grid-template-columns: 1fr;
     }

     .aftab-content h2 {
          font-size: 24px;
     }

     .aftab-content h3 {
          font-size: 16px;
     }

     .aftab-quote {
          font-size: 14px;
     }
}

/* --- Extra Small Mobile --- */
@media(max-width: 480px) {
     .aftab-content {
          padding: 10px;
          padding-top: 0px;
     }

     .aftab-content h2 {
          font-size: 22px;
     }

     .aftab-content h3 {
          font-size: 15px;
     }

     .aftab-quote {
          font-size: 13px;
     }

     .aftab-box {
          padding: 12px;
     }
}




/* --------key preaching--------- */


.balanced-section {
     padding: 10px 20px;
     background: #f7f7f7;
}

.balanced-container {
     max-width: 900px;
     margin: auto;
     text-align: center;
}

/* Icons Circle */
.icon-row {
     display: flex;
     justify-content: space-around;
     gap: 20px;
     margin: 30px 0;
     flex-wrap: wrap;
}

.icon-box {
     text-align: center;
}

.circle-icon {
     width: 90px;
     height: 90px;
     background: white;
     border-radius: 50%;
     border: 2px solid rgb(211, 144, 0);
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 35px;
     margin: auto;
}

/* Accordion */
.accordion {
     margin-top: 20px;
}

.acc-item {
     margin-bottom: 12px;
     background: white;
     border-radius: 8px;
     overflow: hidden;
     border: 1px solid #ddd;
}

.acc-btn {
     width: 100%;
     background: none;
     border: none;
     padding: 14px 18px;
     font-size: 19px;
     font-weight: 600;
     font-family: 'Cormorant Garamond', serif;
     text-align: left;
     display: flex;
     justify-content: space-between;
     cursor: pointer;
}

.arrow {
     transition: transform .3s;
}



.acc-content {
     color: white;
     display: none;
     text-align: left;
     background-color: #572700;
     padding: 14px 18px;
     border-top: 1px solid #ddd;
}

/* ================= Responsive ================= */

/* Laptop */
@media(max-width:1024px) {
     .balanced-container {
          max-width: 95%;
     }

     .circle-icon {
          width: 80px;
          height: 80px;
          font-size: 30px;
     }
}

/* Tablet */
@media(max-width:768px) {
     .circle-icon {
          width: 75px;
          height: 75px;
          font-size: 28px;
     }

     .acc-btn {
          font-size: 15px;
     }
}

/* Mobile */
@media (max-width: 600px) {
     .icon-row {
          flex-direction: column;
          align-items: center;
     }

     .circle-icon {
          width: 70px;
          height: 70px;
          font-size: 26px;
     }
}

/* ======================================
            QUOTES SECTION
====================================== */

.aftab-quotes-section {
     padding: 10px 170px;
     background: #f7f7f7;
     text-align: center;
}

/* Slider */
.aftab-slider-container {
     overflow: hidden;
     width: 100%;
}

.aftab-slider-wrapper {
     display: flex;
     gap: 18px;
     transition: transform 0.6s ease-in-out;
}

/* Cards */
.aftab-quote-card {
     min-width: calc(25% - 18px);
     padding: 25px 18px;
     border-radius: 8px;
     color: #2b2b2b;
     font-family: serif;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.aftab-quote-mark {
     font-size: 26px;
     color: #fff;
}

.aftab-quote-card p {
     font-size: 15px;
     margin: 8px 0 12px;
}

.aftab-quote-card h5 {
     font-size: 14px;
     font-weight: 600;
     color: black;
}

/* Colors */
.aftab-color-1 {
     background: #cfa48a;
}

.aftab-color-2 {
     background: #d8b9a5;
}

.aftab-color-3 {
     background: #b9c6d6;
}

.aftab-color-4 {
     background: #d1b39a;
}

/* Laptop */
@media(max-width:1024px) {
     .aftab-quote-card {
          min-width: calc(33.33% - 18px);
     }
}

/* Tablet */
@media(max-width:768px) {
     .aftab-quotes-section {
          padding: 50px 50px;
     }

     .aftab-quote-card {
          min-width: calc(50% - 18px);
     }
}

/* Mobile */
@media(max-width:480px) {
     .aftab-quotes-section {
          padding: 40px 25px;
     }

     .aftab-quote-card {
          min-width: 100%;
          padding: 20px 15px;
     }
}



.aftab-slider-container {
     position: relative;
     overflow: hidden;
}








/* -----human values----- */

.guidance-section {
     padding: 70px 20px;
     background: #f7f7f7;
}

.guidance-container {
     max-width: 1000px;
     margin: auto;
     text-align: left;
}

.guidance-title {
     font-size: 32px;
     font-weight: 700;
     margin-bottom: 10px;
     color: #3e2b1a;
}

.guidance-subtitle {
     font-size: 16px;
     color: #555;
     margin-bottom: 30px;
}

/* GRID – NO SCROLL NOW */
.guidance-box-wrapper {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 18px;
     /* scroll removed */
     max-height: unset;
     overflow-y: visible;
}

/* BOX */
.guidance-box {
     background: #fff;
     padding: 15px 18px;
     border-radius: 10px;
     font-size: 15px;
     display: flex;
     align-items: flex-start;
     /* important */
     gap: 12px;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
     transition: 0.3s;
}

/* BULLET DOT FIX ✔ */
.guidance-box .dot {
     min-width: 10px;
     height: 10px;
     background: orange;
     border-radius: 50%;
     margin-top: 6px;
     /* long text ke saath top pe dikhega */
}

/* HOVER */
.guidance-box:hover {
     transform: translateY(-4px);
     box-shadow: 0 8px 18px rgba(0, 0, 0, 0.15);
}

/* RESPONSIVE */
@media(max-width:768px) {
     .guidance-box-wrapper {
          grid-template-columns: 1fr;
     }
}


/* manav-dharma end */



/* organization & legacy start */


.manav-locations {
     padding: 60px 0;
     /* background: linear-gradient(135deg, #ffb866, #ff8a4c, #3a1f00); */
     background: #ffebb3;
     color: #fff;
}

/* .container {
     width: 90%;
     max-width: 1200px;
     margin: auto;
} */

.section-title {
     text-align: center;
     font-size: 32px;
     margin-bottom: 35px;
     letter-spacing: .5px;
     color: #ffffff;
}

/* GRID */
.location-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 25px;
}

/* CARD */
.location-card {
     background: #ffffff;
     border-radius: 16px;
     overflow: hidden;
     border: 2px solid #9d6b00;
     /* box-shadow:0 0 25px rgba(0,0,0,.6); */
     transition: .3s;

}

.location-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 0 35px rgba(102, 58, 0, 0.514);
}

/* IMAGE */
.location-card img {
     width: 100%;
     height: 290px;
     object-fit: cover;
}

/* CONTENT */
.loc-content {
     padding: 20px;
}

.loc-content h3 {
     font-family: 'Cormorant Garamond', serif;
     font-weight: 700;
     margin-bottom: 10px;
     font-size: 20px;
     color: #572700;
     /* Highlight blue heading */
}

.loc-content p {
     margin: 6px 0;
     font-size: 13px;
     line-height: 1.6;
     color: #000000;
     /* Light readable text */
}

.loc-content strong {
     color: #b34c00;
     /* Golden label text */
}

/* RESPONSIVE */
@media(max-width:820px) {
     .location-grid {
          grid-template-columns: 1fr;
     }
}

/* -------- */

.usp-growth-section {
     padding: 60px 0;
     background: #572700;
     color: #fff;
     overflow-x: hidden;   /* ✅ ADD */
}

.usp-container {
     width: 90%;
     max-width: 1200px;
     margin: auto;
}

.usp-growth-grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 50px;
     align-items: center;
}

/* USP AREA */
.usp-area {
     display: grid;
     gap: 18px;
}

.usp-card {
     background: rgba(255, 255, 255, 0.06);
     padding: 20px;
     border-radius: 14px;
     border-left: 4px solid #ff9b2f;
     transition: 0.3s ease;
}

.usp-card:hover {
     transform: translateY(-4px);
     background: rgba(255, 255, 255, 0.1);
}

.usp-card h4 {
     font-size: 18px;
     margin-bottom: 8px;
     color: #ffb347;
}

.usp-card p {
     font-size: 14px;
     line-height: 1.6;
     color: #e0e0e0;
}

/* MAP AREA */
.usp-map-area {
     text-align: center;
}

.usp-map-title {
     font-size: 24px;
     margin-bottom: 20px;
     color: #ffb347;
}

.usp-india-map-wrapper {
     position: relative;
     max-width: 420px;
     margin: auto;
     
}

.usp-india-map {
     width: 100%;
     opacity: 0.9;
}

/* DOTS */
.usp-dot {
     position: absolute;
     width: 10px;
     height: 10px;
     background: #ff5722;
     border-radius: 50%;
     box-shadow: 0 0 10px rgba(255, 87, 34, 0.8);
     animation: usp-pulse 1.8s infinite;
}

/* DOT POSITIONS */
.usp-maharashtra {
     top: 60%;
     left: 26%;
}

.usp-chhattisgarh {
     top: 55%;
     left: 49%;
}

.usp-mp {
     top: 48%;
     left: 36%;
}

.usp-gujarat {
     top: 50%;
     left: 13%;
}

.usp-goa {
     top: 75%;
     left: 19%;
}

.usp-karnataka {
     top: 79%;
     left: 26%;
}

.usp-delhi {
     top: 26%;
     left: 29%;
}

@keyframes usp-pulse {
     0% {
          transform: scale(1);
          opacity: 1;
     }

     50% {
          transform: scale(1.6);
          opacity: 0.4;
     }

     100% {
          transform: scale(1);
          opacity: 1;
     }
}

.usp-map-note {
     margin-top: 18px;
     font-size: 14px;
     color: #ccc;
}

/* RESPONSIVE */
@media(max-width:992px) {
     .usp-growth-grid {
          grid-template-columns: 1fr;
     }
}

/* organization & legacy end */





/* ------- massege slider start--------- */

.about-scroll-slide-section {
     width: 100%;
     overflow: hidden;
     padding: 0px 0;
}

.about-scroll-slide-wrapper {
     display: flex;
     gap: 20px;
     overflow-x: auto;
     scroll-behavior: smooth;
     cursor: grab;
}

.about-scroll-slide-wrapper::-webkit-scrollbar {
     display: none;
}

.about-scroll-slide-card {
     min-width: calc(50% - 20px);
     height: 360px;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 93px;
     color: rgb(255, 255, 255);
     font-size: 19px;
     line-height: 1.6;
     text-align: center;
     user-select: none;
     font-family: 'Cormorant Garamond', serif;
}


/* Mobile */
@media(max-width:768px) {
     .about-scroll-slide-card {
          min-width: 100%;
          height: 250px;
          padding: 0px 40px;
     }
}

/* -------- massege slider end--------- */



/* --------HV slider start--------- */

.hv-scroll-slide-card {
     min-width: calc(50% - 20px);
     height: 360px;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 93px;
     color: rgb(255, 255, 255);
     font-size: 17px;
     line-height: 1.6;
     text-align: center;
     user-select: none;
     font-family: 'Cormorant Garamond', serif;
}

/* Mobile */
@media(max-width:768px) {
     .hv-scroll-slide-card {
          min-width: 100%;
          font-size: 10px;
          height: 250px;
          padding: 0px 52px;
     }
}

/* ------- HV slider end---------- */


/* The Management start */

.management-section {
     background: #fff6cc;
     padding: 30px 20px;
}

.management-container {
     max-width: 1200px;
     margin: auto;
}

.management-heading {
     text-align: center;
     font-size: 30px;
     line-height: 1.4;
     color: #4a1f00;
     margin-bottom: 40px;
     font-weight: 700;
}

.management-heading span {
     display: block;
     font-size: 18px;
     margin-top: 10px;
     color: #7a3b00;
}

.table-wrap {
     background: #fff;
     padding: 25px;
     border-radius: 16px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
     overflow-x: auto;
}

.management-table {
     width: 100%;
     border-collapse: collapse;
     font-size: 16px;
}

.management-table th {
     background: #560a00;
     color: #fff;
     padding: 14px;
     text-align: center;
}

.management-table td {
     padding: 6px 12px;
     border-bottom: 1px solid #ddd;
     text-align: center;
}

.management-table tr:hover {
     /* background:#fff1d6; */
}

.management-table .red {
     color: #b30000;
     font-weight: 600;
}



/* ---------- Responsive Table ---------- */

@media (max-width: 1024px) {
     .management-table {
          font-size: 15px;
     }

     .management-table th,
     .management-table td {
          padding: 10px;
     }
}

@media (max-width: 768px) {
     .management-heading {
          font-size: 22px;
     }

}

/* The Management end */